<template>
<div>
<!--  1、ref的使用 setup-->
  <div>
    <input v-model="msg">
    <button @click="show">点击显示</button>
  </div>
<!-- 2、表单 新增、修改-->
  <div>

  </div>
<!--  3、列表 -->
  <div>

  </div>
</div>
</template>

<script setup>
import {ref,onMounted} from "vue";


const msg = ref("默认值")

const show = () => {
  alert(msg.value)
  msg.value="亲，显示成功啦！";
}
onMounted(()=>{
  msg.value="页面加载成功！";
})
</script>

<style scoped>

</style>
